<template>
  <div id="changjing">
    <div class="content col-center">
      <div class="title">外观简约，简而不凡</div>
      <div class="detail text-center">颠覆传统矿机大笨重的形象，人人云化繁为简，结合当下最潮流的轻简主义设计，精致小巧，时尚大气。</div>
    </div>
    <div class="list">
      <img src="@/assets/images/cj1.png" data-aos="fade-left" style="width: 90%; align-self: flex-end;" alt="">
      <img src="@/assets/images/cj2.png" data-aos="fade-right" style="width: 90%" alt="">
      <img src="@/assets/images/cj3.png" data-aos="fade-left" style="width: 90%; align-self: flex-end;" alt="">
      <img src="@/assets/images/cj4.png" data-aos="fade-right" style="width: 100%" alt="">
    </div>
  </div>
</template>

<style lang="scss" scoped>
#changjing {
  padding: 30px 0 0;
}
.content {
  .title {
    width: 155px;
    height: 21px;
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, MicrosoftYaHei;
    font-weight: bold;
    color: rgba(34, 34, 34, 1);
    line-height: 21px;
    letter-spacing: 1px;
  }
  .detail {
    width: 266px;
    height: 72px;
    font-size: 12px;
    font-family: MicrosoftYaHei;
    color: rgba(51, 51, 51, 1);
    line-height: 18px;
    text-indent: 2em;
    margin-top: 20px;
  }
}
.list {
  overflow: hidden;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}
</style>